body {
   background: #fff;
}
img {
   width: 100%;
}
.page-home {
   width: 100%;
   margin: 0 auto;
}
/* banner */
.banner {
   position: relative;
   width: 100%;
   height: 360px;
 }
 .banner .swiper {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 360px;
 }
/* banner over*/
/* about-centent  */
.about-centent {}
.about-centent-box {
    width: 1200px;
    margin: 0 auto;
}
.about-centent-top {
   margin-top:55px;
   margin-bottom: 30px;
}
.about-centent-top p {
   text-align: center
}  
.about-centent-top p:first-child {
   font-size: 24px;
}
.about-centent-top p:last-child {
   font-size: 14px;
}

.about-centent-title {
   padding: 0 80px;
   /* width: 1040px; */
}
.about-date {
   /* padding: 53 70px; */
   padding: 50px 70px;
   height: 200px;
}
.about-date>div {
   width: 353px;
   float: left;
   text-align: center;
   padding-bottom: 30px;
   border-bottom: 1px solid #ddd;
}
.about-date>div .about-num {
   font-size: 55px;
   font-weight: normal;
   position: relative;
   
}
.p-span {
  position: absolute;
  top: 0;
  right: 39px;
  font-size: 14px;
}
.about-date .about-num-line {
   position: relative;
}
.about-date .about-num-line::after {
   position: absolute;
   width: 1px;
   height: 60px;
   content: '';
   background: #ebebeb;
   right: 0;
   top: 30px;
}
.about-date>div p {
   font-size: 14px;
}

.service-centent {
   overflow: hidden;
 }
 .service-div {
   float: left;
   width: 380px;
   height: 375px;
   margin: 0 10px;
   margin-top: 30px;
   /* text-align: center; */
   position: relative;
 }
 /* .service-div:hover {
   background: red;
   color: #fff;
 }  */
 .service-div:hover .service-div-p1 {
   /* border-bottom: 1px solid #fff; */
 
 }
 .service-div .service-div-img {
   width: 360px;
   height: 215px;
   position: absolute;
   top: 10px;
   left: 10px;
 }
 .service-div .service-div-img  img {
   width: 100%;
   height: 100%;
 }
 .service-div .service-div-p1 {
   width: 360px;
   font-size: 18px;
   /* border-bottom: 1px solid #d8d8d8; */
   position: absolute;
   left: 10px;
   bottom: 110px;
 }
 .service-div .service-div-p2 {
   width: 360px;
   position: absolute;
   left: 10px;
   bottom: 55px;
   font-size: 14px;

 }
/* about-centent  over */